<html>
<head>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link rel="stylesheet" type="text/css" href="http://trollfile.googlecode.com/files/colorpicker.css" media="all" />
<script type='text/javascript'src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?ver=1.7.1'>
</script> 
<script type="text/javascript" src="http://trollfile.googlecode.com/files/jquery.validationEngine.js"></script>
<script type="text/javascript" src="http://trollfile.googlecode.com/files/colorpicker.js"></script>
<script type="text/javascript" src="http://trollfile.googlecode.com/files/widget.js"></script>
<title>jQuery Recent Posts Ticker Widget</title>
<style type="text/css">
.buttontvl {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528ecc;
}.classname:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}.classname:active {
	position:relative;
	top:1px;
}.textarea-box, .textareaBox{
border:1px solid #0F83A0;
padding:6px;
-webkit-resize: none;
-moz-resize: none;
resize: none;
-webkit-box-shadow: 1px 1px 1px #0F83A0;
-moz-box-shadow: 1px 1px 1px #0F83A0;
box-shadow: 1px 1px 1px #0F83A0;

-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.textareaBox{
display:block;
width:90%;
padding:10px;
max-width:98%;
margin:20px auto;
max-height:600px;
min-height:300px;
}
.text-input, .select-box{
margin:0 2px;
padding:4px 6px;
border: 1px solid #0F83A0;

border-radius: 4px;
font-family: gergia;
font-style: italic;

-webkit-box-shadow: 1px 1px 1px #0F83A0;
-moz-box-shadow: 1px 1px 1px #0F83A0;
box-shadow: 1px 1px 1px #0F83A0;
font-size: 14px;
color: #666;
max-width:auto;
}

body { font-family: Verdana, Arial;margin: 0;padding: 0;text-align: left;font-size:18px;
}

label { font-family: Verdana, Arial;margin: 0;padding: 0;text-align: left;font-size:15px; font-weight:bold; }

fieldset { padding:0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
#outer-wrapper {font-family: Verdana, Arial;}
#content-wrapper { width: 98%; max-widtd:980px; margin: 0 auto; padding: 5px; text-align: left;
background:#ffffff;
}
#content-wrapper h2 {text-align:center;font-size:20px;margin: 5px 0 1em ;padding: 3px 10px;background-color: #ffffff;font-size:16px;color:#000;border:1px solid #111;
}
  	</style>
<script type='text/javascript'>
//<!--
function makingdifferentcodegen(){
var blogurl = document.getElementsByName("tvlblogurl")[0].value;
var nop = document.getElementsByName("tvlnumcom")[0].value;
var speedtvl = document.getElementsByName("tvlspeed")[0].value;
var control = document.getElementsByName("tvlcontrol")[0].value;
var texttvl= document.getElementsByName("tvlttext")[0].value;
var tcolor = document.getElementsByName("tvltcolor")[0].value;
var bgcolor = document.getElementsByName("tvlbgcol")[0].value;
var linkcol = document.getElementsByName("tvllinkcol")[0].value;
var tvlwidget = document.getElementsByName("tvltextcode")[0];
tvlwidget.value = "<style type=\"text\/css\">\n";
tvlwidget.value += ".ticker-controls{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}\n";
tvlwidget.value += ".ticker-wrapper.has-js{margin:20px 0px 20px 0px;padding:0px 20px;width:780px;height:32px;display:block;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;background-color:#"+ bgcolor +";font-size:0.75em;}\n";
tvlwidget.value += ".ticker{width:710px;height:23px;display:block;position:relative;overflow:hidden;background-color:#"+ bgcolor +";}\n";
tvlwidget.value += ".ticker-title{padding-top:2px;color:#"+ tcolor +";font-weight:bold;background-color:#"+ bgcolor +";text-transform:uppercase;}\n";
tvlwidget.value += ".ticker-content{margin:0px;padding-top:9px;position:absolute;color:#1F527B;font-weight:bold;background-color:#"+ bgcolor +";overflow:hidden;white-space:nowrap;line-height:1.2em;}\n";
tvlwidget.value += ".ticker-content:focus{:one;}\n";
tvlwidget.value += ".ticker-content a{text-decoration:none;color:#"+ linkcol +";}\n";
tvlwidget.value += ".ticker-content a:hover{text-decoration:underline;color:#"+ linkcol +";}\n";
tvlwidget.value += ".ticker-swipe{padding-top:9px;position:absolute;top:0px;background-color:#"+ bgcolor +";display:block;width:800px;height:23px;}\n";
tvlwidget.value += ".ticker-swipe span{margin-left:1px;background-color:#"+ bgcolor +";border-bottom:1px solid #1F527B;height:12px;width:7px;display:block;}\n";
tvlwidget.value += ".ticker-controls{padding:8px 0px 0px 0px;list-style-type:none;float:left;}\n";
tvlwidget.value += ".ticker-controls li{padding:0px;margin-left:5px;float:left;cursor:pointer;height:16px;width:16px;display:block;}\n";
tvlwidget.value += ".ticker-controls li.jnt-play-pause{background-image:url('http:\/\/4.bp.blogspot.com\/-3v2IJHlXxMo\/URx8Wf2hqCI\/AAAAAAAAKwk\/u4eG-dQAAz0\/s1600\/controls.png');background-position:32px 16px;}\n";
tvlwidget.value += ".ticker-controls li.jnt-play-pause.over{background-position:32px 32px;}\n";
tvlwidget.value += ".ticker-controls li.jnt-play-pause.down{background-position:32px 0px;}\n";
tvlwidget.value += ".ticker-controls li.jnt-play-pause.paused{background-image:url('http:\/\/4.bp.blogspot.com\/-3v2IJHlXxMo\/URx8Wf2hqCI\/AAAAAAAAKwk\/u4eG-dQAAz0\/s1600\/controls.png');background-position:48px 16px;}\n";
tvlwidget.value += ".ticker-controls li.jnt-play-pause.paused.over{background-position:48px 32px;}.ticker-controls li.jnt-play-pause.paused.down{background-position:48px 0px;}.ticker-controls li.jnt-prev{background-image:url('http:\/\/3.bp.blogspot.com\/-8jyqXLc_HgU\/URd6zxHdfhI\/AAAAAAAAI-4\/XhBSQcpNorU\/s1600\/controls.png');background-position:0px 16px;}\n";
tvlwidget.value += ".ticker-controls li.jnt-prev.over{background-position:0px 32px;}\n";
tvlwidget.value += ".ticker-controls li.jnt-prev.down{background-position:0px 0px;}\n";
tvlwidget.value += ".ticker-controls li.jnt-next{background-image:url('http:\/\/4.bp.blogspot.com\/-3v2IJHlXxMo\/URx8Wf2hqCI\/AAAAAAAAKwk\/u4eG-dQAAz0\/s1600\/controls.png');background-position:16px 16px;}\n";
tvlwidget.value += ".ticker-controls li.jnt-next.over{background-position:16px 32px;}\n";
tvlwidget.value += ".ticker-controls li.jnt-next.down{background-position:16px 0px;}\n";
tvlwidget.value += ".js-hidden{display:none;}\n";
tvlwidget.value += ".no-js-news{padding:10px 0px 0px 45px;color:#F8F0DB;}\n";
tvlwidget.value += ".left .ticker-swipe{\/*left: 80*\/left:80px;:\/;}\n";
tvlwidget.value += ".left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker{float:left;}\n";
tvlwidget.value += ".left .ticker-controls{padding-left:6px;}\n";
tvlwidget.value += ".right .ticker-swipe{\/*right: 80*\/right:80px;:\/;}\n";
tvlwidget.value += ".right .ticker-controls, .right .ticker-content, .right .ticker-title, .right .ticker{float:right;}\n";
tvlwidget.value += ".right .ticker-controls{padding-right:6px;}\n";
tvlwidget.value += "<\/style>\n";
tvlwidget.value += "<script type=\"text\/javascript\">\n";
tvlwidget.value += "    $(function () {\n";
tvlwidget.value += "        $('#js-news').ticker({\n";
tvlwidget.value += "            speed: "+ speedtvl +",\n";
tvlwidget.value += "            fadeInSpeed: 600,\n";
tvlwidget.value += "            controls: "+ control +",\n";
tvlwidget.value += "            titleText: '"+ texttvl+"'\n";
tvlwidget.value += "        });\n";
tvlwidget.value += "    });\n";
tvlwidget.value += "<\/script>\n";
tvlwidget.value += "<script src=\"http:\/\/trollvlhcv.googlecode.com\/svn\/trunk\/BBCNews\/Recent-Posts-Ticker.js\" type=\"text\/javascript\"><\/script>\n";
tvlwidget.value += "<script src=\""+ blogurl +"\/feeds\/posts\/summary?max-results="+ nop +"&alt=json-in-script&callback=makingdifferent_recentpostticker\"><\/script>";
document.getElementsByName("preview")[0].disabled=false;
}
function tvlpredemo() {	
var demodata = document.getElementsByName('tvljs')[0].value + document.getElementsByName('tvltextcode')[0].value;
newwindow=window.open('','name','');
var tmp = newwindow.document;tmp.write('' + demodata + '');tmp.close();
}
//-->
</script>
</head>
<body>
<div id='content-wrapper'>
<h2>jQuery Recent Posts Ticker Widget</h2>
<fieldset><legend>Settings</legend><br>
<table width="100%">
<tr>
<td width='60%'><label for='tvlblogurl'>Địa Chỉ Blog</label>:</td>
<td width='40%'>&nbsp;&nbsp;<input class='text-input' type='text' id='tvlblogurl' name='tvlblogurl' value='http://www.trollvl.com' size='30'></td>
</tr>
<tr></tr>
<tr></tr>
<tr>
<td width='60%'><label for='tvlnumcom'>Số Bài Mới Nhất Sẽ Hiển Thị</label></td>
<td width='40%'>&nbsp;&nbsp;<input class='text-input' type='text' id='tvlnumcom' name='tvlnumcom' value='10' size='6'></td>
</tr>
<tr></tr>
<tr></tr>
<tr>
<td width='60%'><label for='tvlspeed'>Tốc Độ Di Chuyển</label></td>
<td width='40%'>&nbsp;&nbsp;<input class='text-input' type='text' id='tvlspeed' name='tvlspeed' value='0.10' size='6'></td>
</tr>
<tr></tr>
<tr></tr>
<tr>
<td width='60%'><label for='tvlcontrol'>Hiển thị các nút Next Prev Play?</label></td>
<td width='40%'>
&nbsp;&nbsp;<select class='select-box' id='tvlcontrol'  name='tvlcontrol'>
<option value='true'>Có</option>
<option value='false'>Không</option> 
</select>
</td>
</tr>
<tr></tr>
<tr></tr>
<tr>
<td width='60%'><label for='tvlttext'>Title</label></td>
<td width='40%'>&nbsp;&nbsp;<input class='text-input' type='text' id='tvlttext' name='tvlttext' value='News:' size='6'></td>
</tr>
<tr></tr>
<tr></tr>
<tr>
<td width='60%'><label for='tvltcolor'>Màu Title</label></td>
<td width='40%'>#<input class='inputcolor text-input' type='text' id='tvltcolor' name='tvltcolor' value='0F83A0' size='6'><span
class="colorbox"></span></td>
</tr>
<tr></tr>
<tr></tr>
<tr>
<td width='60%'><label for='tvlbgcol'>Màu Nền</label></td>
<td width='40%'>#<input class='inputcolor text-input' type='text' id='tvlbgcol' name='tvlbgcol' value='ffeb99' size='6'><span
class="colorbox"></span></td>
</tr>
<tr></tr>
<tr></tr>
<tr>
<td width='60%'><label for='tvllinkcol'>Màu Link</label></td>
<td width='40%'>#<input class='inputcolor text-input' type='text' id='tvllinkcol' name='tvllinkcol' value='1F527B' size='6'><span
class="colorbox"></span></td>
</tr>
</table>
</fieldset>
<script>
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('1J(1y(p,a,c,k,e,r){e=1y(c){1z(c<a?\'\':e(1F(c/a)))+((c=c%a)>35?1A.1E(c+29):c.1G(36))};1B(!\'\'.1C(/^/,1A)){1D(c--)r[e(c)]=k[c]||e(c);k=[1y(e){1z r[e]}];e=1y(){1z\'\\\\w+\'};c=1};1D(c--)1B(k[c])p=p.1C(1H 1I(\'\\\\b\'+e(c)+\'\\\\b\',\'g\'),k[c]);1z p}(\'C.Q(E("%l%4%t%j%2%n%3%q%2%1c%1e%1g%3%g%2%v%K%b%d%5%3%f%2%u%3%4%t%j%2%n%3%f%2%u%3%H%2%I%3%e%2%M%3%q%2%O%Y%Z%10%3%g%2%v%15%b%d%5%3%k/%4%m%4%9%o%j%2%D%c%e%2%F%c%G%2%h.r%b%d%3%J%2%h.s%b%d%3%g%2%h.s%b%d%L.r%b%d%3%i%2%N%7%P%B%R%S%T%U%5%c%V%2%W%c%e%2%X%c%4%8/w%4%8/x%4%9%o%e%2%11%3%i%2%12%7%13%5%14%7%y%5%16%7%y%5%3%4%9%17%f%2%18/19%3%1a%2%1b%7//z.1d.A/z/1f/p/1.6.0/p.1h.1i%3%4%8/1j%4%k%9%8/w%4%9%m%4%9%l%4%1k%i%2%1l-1m%7%1n%5%3%4%1o%1p%2%1q%7//1r.1s.A/%c%1t%2%1u%3%1v%1w%8/a%4%8/1x%4%8/x%4"));\',1K,1L,\'||1M|22|1N|1O||1P|1Q|1R||28|27|29|1S|1T|1U|1V|1W|1X|20|1Y|1Z|21|23|24|26|2a|2b|2c|2d|2e|2f|2g|2h|2i|2j|2k|2l|2m|2n|2o|2p|2q|2r|2s|2t|2u|2v|2w|2x|2y|2z|2A|25|2B|2C|2D|2E|2F|2G|2H|2I|2J|2K|2L|2M|2N|2O|2P|2Q|2R|2S|2T|2U|2V|2W|2X|2Y|2Z|30|31|32|33|34|37|38|39|3a|3b|3c|3d|3e|3f|3g|3h\'.3i(\'|\'),0,{}))',62,205,'||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||function|return|String|if|replace|while|fromCharCode|parseInt|toString|new|RegExp|eval|62|96|3D|3E|3B|3A|3C|0A|20name|20type|20onclick|22this|20style|20class|3Ccenter|3Cbr||22buttontvl||3Ctextarea|jquery||20value||||select|focus|3Cinput|22button|22javascript|textarea|center|200px|ajax|com|3Bwidth|document|27textareaBox|unescape|27tvltextcode|20onfocus|20disabled|22disabled|20onmouseover|3Amakingdifferentcodegen|3Bthis|22preview|27background|22Xem|23ffffff|write|3A100|3Bheight|3A300px|20readonly|27readonly|27tbox|20Tr|u01B0|u1EDBc|22tvljs|22display|20none|20height|3Atvlpredemo|20width|3Cscript|22text|javascript|20src|22http|22L|googleapis|u1EA5y|libs|20Code|min|js|script|3Cspan|22font|size|||20small|3Ca|20href|27http|www|trollvl|20target|22_blank|3ETroll|20VL|span|split'.split('|'),0,{}))
</script>
</div>
</body>
</html>